import React, { Component } from 'react';
import defaultSettings from '../config/defaultSettings';
import { LoadingOutlined } from '@ant-design/icons';

function Loading(props) {
  return (
    <div
      style={{
        width: '100vw',
        height: '100vh',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'column',
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        margin: 'auto',
        backgroundColor: 'rgba(190, 233, 255, 0.4)',
        zIndex: 999999,
      }}
    >
      <LoadingOutlined style={{ fontSize: 28, marginBottom: 30, color: '#1890ff' }} />
      <a style={{ fontSize: 20 }}>加载中....</a>
    </div>
  );
}

export default Loading;
